@charset "utf-8";
*{margin:0;padding:0;}
ol,ul,li,dd,dl,dt{list-style:none;}
*:focus{outline:0;}
em,i{font-style:normal;}
body{color:#4c4c4c; background:#f0f0f0;max-width:640px; margin:0 auto; font-family:微软雅黑;}
img,fieldset{border:0; vertical-align:middle}
input,textarea{appearance:none;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;}
a{cursor:pointer;text-decoration:none; color:#4c4c4c;}
a:visited{ color:#000}
a:hover,a:active{text-decoration:none; color:#ff6200}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}


/*头部*/
.head{ width:100%; padding:8px 0; background:#fff}
.logo{ float:left; margin-left:13px}
.logo img{ height:37px;}
.search{float:right;height:40px;}
.search a{width:50px; height:40px; float:right; text-indent:-2000px;}
.search .a1{ background:url(../images/sdk/user_ico.png) no-repeat center center; background-size:26px auto; }
.search .a2{ background:url(../images/sdk/search_ico.png) no-repeat center center; background-size:26px auto; }

.main_nav{background:#29abe2;display:box;display:-moz-box;display:-webkit-box; width:100%}
.main_nav li{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1; line-height:50px; height:50px; text-align:center}
.main_nav li a{color:#fff;display:block; font-size:16px;}
.main_nav li.hover a,.main_nav li a:hover{background:#078fc9;}


/*底部*/
.bottom_nav{background:#29abe2; height:40px; line-height:40px; margin-top:10px}
.bottom_nav ul{display:box;display:-moz-box;display:-webkit-box; width:100%}
.bottom_nav ul li{ box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
.bottom_nav ul li a{ display:block;border-right:1px solid #66d2ff; color:#fff; font-size:16px; text-align:center}
.bottom_nav ul li:last-child a{ border:0;}

.footer{ line-height:30px; font-size:13px; text-align:center;padding:15px 0; color:#666; background:#fff}
.footer div a{ color:#29abe2; margin:0 3px;}
.backtop{ position:fixed; right:0px; bottom:13px; background:url(../images/sdk/backtop.png) no-repeat;background-size:60px auto; width:60px; height:36px; text-indent:-9999px; display:none; z-index:1000}

/*首页*/
.new_public{ background:#fff; width:100%;/*border-top:1px solid #d6d6d6;border-bottom:1px solid #e3e3e3;*/ margin-top:10px}

.new_tit{/*border-bottom:1px solid #e3e3e3;*/height:37px;width:100%;line-height:37px; font-size:18px; color:#737373; position:relative;}
.new_tit a{float:right;margin-right:10px;font-size:14px; background:url(../images/sdk/more_ico.png) no-repeat right center; background-size:6px auto; padding-right:10px;height:37px;line-height:37px;color:#474747;}
.new_tit .tit_ico{position:absolute; left:0;top:0;height:37px; padding:0 0 0 35px;}
.new_tit .tit_ico1{background:url(../images/sdk/tit_ico1.png) no-repeat 6% center; background-size:22px auto;}
.new_tit .tit_ico2{background:url(../images/sdk/tit_ico2.png) no-repeat 6% center; background-size:22px auto;}
.new_tit .tit_ico3{background:url(../images/sdk/tit_ico3.png) no-repeat 6% center; background-size:22px auto;}
.new_tit .tit_ico4{background:url(../images/sdk/tit_ico4.png) no-repeat 6% center; background-size:22px auto;}
.new_tit .tit_ico5{background:url(../images/sdk/tit_ico5.png) no-repeat 6% center; background-size:22px auto;}
.new_tit .tit_ico6{background:url(../images/sdk/tit_ico6.png) no-repeat 6% center; background-size:22px auto;}
.new_tit .tit_ico7{background:url(../images/sdk/tit_ico7.png) no-repeat 6% center; background-size:22px auto;}
.new_tit span{position:absolute; left:33px;top:0;line-height:37px;}



.meposition{position:relative;z-index: 1;}
.swiper-container { overflow:hidden}
.swiper-container-no-flexbox .swiper-slide {float: left;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-container-multirow>.swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}.swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.swiper-pagination {top:-28px;right:5px;position: absolute;text-align: right;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.swiper-pagination-bullet {width:8px;height:8px;display:inline-block;background:none; border:1px solid #29abe2; border-radius:50%; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;cursor: pointer;margin: 0 3px;}
.swiper-pagination-bullet-active {opacity: 1;background: #29abe2;}
.swiper-container-vertical>.swiper-pagination {right: 10px;top: 50%;-webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0);-o-transform: translate(0,-50%);-ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}

.swiper-container .swiper-slide .exterior_pic{ padding-bottom:10px; margin-left:10px}
.swiper-container .swiper-slide .exterior_pic li{ width:50%; float:left; margin:10px 0 0 0}
.swiper-container .swiper-slide .exterior_pic a{ display:block; position:relative; margin-right:10px;}
.swiper-container .swiper-slide .exterior_pic a span{position:absolute;bottom:0px;right:0%;width:100%; background:rgba(0,0,0,0.6); height:25px; font-size:14px; color:#fff; line-height:25px; text-align:center}
.swiper-container .swiper-slide .exterior_pic a img {width:100%;display:block;max-width:100%;min-height:80px; max-height:300px;}

.new_index_list{ padding-bottom:10px}
.new_index_list li{width:25%; float:left; text-align:center; margin:15px 0 0 0}
.new_index_list li a{display:block; color:#323333; margin:0 2px;}
.new_index_list li a span{ margin-top:5px;display:block;font-size:13px; line-height:20px; height:20px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.new_index_list li a em{background: #29abe2;color:#fff;display:inline-block;font-size:14px;height:32px;line-height:34px;text-align: center;width:60px; border-radius:3px;}
.new_index_list li .a1{padding:5px 0; display:inline-block}
.myimg{width:65px; height:65px; border-radius:10px;}


.myad_list li{ width:50%; float:left; margin-top:10px}
.myad_list li:first-child a{margin-right:5px; display:block}
.myad_list li:last-child a{margin-left:5px; display:block}
.myad_list li a img,.center_pic a img{ width:100%}
.center_pic{ margin-top:10px;}


/*热门单机*/
.list_a{margin:0 10px 10px 0;}
.list_a li{width:20%; float:left}
.new_list_a li{width:33.3%; float:left}
.list_a li a{display:block; margin-left:10px; border:1px solid #0084ff; color:#0084ff; text-align:center; line-height:34px; height:32px;}
.list_a li a:hover{ background:#0084ff; color:#fff}

.link{clear:both;border-top:1px dashed #e0e0e0; margin:0 10px; position:relative; line-height:35px; height:35px;}
.link img{ position:absolute; top:-10px; right:-7px; height:18px; }
.link a{ font-size:12px; height:35px; overflow:hidden; display:block;color:#737373}
/*最新专题*/
.subject_a{margin:10px;}
.subject_a a{display:block; position:relative;}
.subject_a a img{width:100%;}
.subject_a a span{position:absolute;left:0;bottom:0; background:rgba(0,0,0,0.7); width:100%; line-height:35px; line-height:33px; color:#fff; text-align:center}

.new_list_two{ margin:0 10px 10px 10px;}
.new_list_two li{width:50%; float:left;margin-top:10px;position:relative; min-height:70px;}
.new_list_two li .p1{position:absolute;left:0;top:0;width:65px;}
.new_list_two li .p1 img{ width:65px; height:65px; }
.new_list_two li .p2{ display:inline-block; margin-left:75px; }
.new_list_two li .p2 a{ font-size:14px; display:block;width:100%; margin:5px 0 0 0; color:#333;line-height:20px;height:20px; overflow:hidden}
.new_list_two li .p3{position:absolute;left:75px;top:30px;width:65px;}
.new_list_two li .p3 a{background: #29abe2;color:#fff;display:inline-block;font-size:14px;height:32px;line-height:34px;text-align: center;width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-o-border-radius:3px;}


.index_ld a{display:block; width:100%; padding:10px 0; position:relative; min-height:65px;}
.index_ld a .p1{width:80px;position:absolute;top:10px;left:10px;}
.index_ld a .p2{color:#373737;font-size:17px; line-height:20px; margin-top:12px; margin-left:90px;}
.index_ld a .p2 span{display:block;color:#7a7a7a;font-size:13px;}
.index_ld a .p3{width:80px;position:absolute;top:10px;right:10px;}
.index_ld a .p3 span{background:#f43f08;color:#fff;display:block;font-size:14px;height:32px;line-height:34px;text-align:center; width:100%; margin-top:16px;}



/**
* @Author: chendianhuai (773189176@qq.com)
* @Date:   2016-03-14 13:52:59
* @Desc:   7724活动页面   开始
* @Last Modified by:   cdh
* @Last Modified time: 2016-03-22 09:05:31
*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.active-explain img { width: 100%; height: auto;  }
.active-pic-main { width: 100%; min-height: 60px; padding: 10px 0; border:10px solid #fff; position: relative; box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
    display: box;
	}
.active-pic-main h3 { color: #000; font-weight: normal; font-size:16px; }
.active-pic-main p { color: #666; margin-top:5px;}
.active-pic-main p span { color: #f00;}

.active-pic-left { padding-right:79px; display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1; }
.active-pic-hits { margin-left: 5px; border: 1px solid #e0e0e0; text-align: center; color: #808080; position:absolute;right:0; top:50%; margin-top:-29px;}

.hits-top { width: 75px; height: 36px; line-height: 36px; border-bottom: 1px solid #e0e0e0; font-size: 16px;}
.hits-bot {  height: 20px; font-size: 12px;}
.hits-bot i { width: 12px; height: 12px; background: url(../images/sdk/heart.png) no-repeat 0 2px; background-size: 12px auto; display: inline-block; margin-top: 3px; }

#kaifu_tab { zoom:1; font-size: 0; -webkit-box-sizing: box; box-sizing: box; border-top:1px solid #e0e0e0;}
#kaifu_tab li,
#kaifu_tab p { width: 33.3%; display: inline-block; height: 44px; line-height: 44px; font-size: 16px; color: #808080; text-align: center; margin: 0 0 0 -1px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
#kaifu_tab li span {  font-size: 13px; display: inline-block; line-height: 44px;color: #808080;}
#kaifu_tab li.kaifu_tab_current { position: relative; color:#000; /* border-top: 3px solid #29abe2; */ border-bottom: none;}
#kaifu_tab li.kaifu_tab_current:before { width: 100%; height: 2px; content: ""; background-color: #29abe2; top: -1px; left: 0; position: absolute; z-index: 1;}
.tab-list { display: none;}
/* 活动说明 */
.explain-main { padding-bottom: 1px;}
.explain-main .explain-main-list { padding:10px 10px 10px 10px; border-bottom: 1px solid #e0e0e0; background-color: #fff; }
.explain-main .explain-main-list p ,
.explain-main .explain-main-list span { font-size: 14px; color: #666; line-height: 20px;}
.explain-main .alink { width: 100%; background-color: #fff; padding: 10px 0;}
.explain-main .alink a { width: 50%; height: 45px; line-height: 45px; text-align: center; display:block; font-size: 20px; margin: 0 auto; border: 1px solid #29abe2; color: #29abe2; border-radius: 5px;}
.tit{ border-bottom:1px solid #e6e6e6; height:37px; line-height:37px; width:100%; font-size:15px; color:#737373; position:relative;}
.tit .game-intro { background: url(../images/sdk/ico_8.png) no-repeat 10px 10px; background-size: 19px auto;}
.tit .game-intro:after { width: 100%; height: 2px; content: ""; background-color: #29abe2; bottom: -1px; left: 0; position: absolute; z-index: 1;}
.list-one{ padding:0 10px; background-color: #fff; margin-top: 10px;}
.list-one dl dt{ width:100%; float:left;padding:5px 0; border-bottom:1px dashed #e0e0e0; position:relative; z-index:1}
.list-one dl dt:last-child{ border:0;}
.list-one dl dt a{ width:100%; float:left;padding:5px 0; min-height:70px; position:relative }
.list-one dl dt p.p1{ width:70px; padding:0 10px 0 0; position: absolute;left:0;top:5px}
.list-one dl dt p.p1 img{ width:70px; height:70px;background:#f0f0f0 url(../images/sdk/pic_bg.png) center center no-repeat; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;}
.list-one dl dt p.p3{ position:absolute; right:0; top:28px;}
.list-one dl dt p.p3 span{  background: #00b3ff;color:#fff;display: block;font-size:14px;height:32px;line-height:34px;text-align: center;width:61px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;-o-border-radius:6px;}
.list-one dl dt p.p2{ margin:0 70px 0 80px}
.list-one dl dt p.p2 i{ display:block; font-size:14px;color:#333; padding:5px 0 1px 0}

.list-one dl dt p.p2 span{ display:block; color:#999999; line-height:20px; padding-top:5px;font-size:12px;  }
.list-one dl dt p.p2 img{width:14px;}

.link{ clear:both;border-top:1px dashed #e0e0e0; margin:0 10px; position:relative; line-height:35px; height:35px;}
.link img{ position:absolute; top:-10px; right:-7px; height:18px; }
.link a{ font-size:12px; height:35px; overflow:hidden; display:block;color:#737373}

.list-one dl dt p.p2 i{float:left; width:100%;}
.list-one dl dt p.p2 i .game_name{float:left; max-width:68%; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-one dl dt p.p2 i .bq{float:left; font-weight:normal; color:#fff; font-size:12px; background:url(../images/sdk/bq.png) no-repeat left center #f00; background-size:4px auto; padding:0 1px 0 7px; height:16px; line-height:16px; margin-left:1px;}
.list-one dl dt p.p2 em{float:left; width:100%;}
.list-one dl dt p.p2 span{float:left;}

/* 热门活动 */
.hot-act { padding-left: 20px; background: url(../images/sdk/fire.png) no-repeat 0 11px; background-size: 16px auto; margin-left: 10px; padding-top: 10px; font-size: 18px; color: #999;}
.hot-game-list { padding-right: 10px;}
.hot-game-list li { width: 50%; position: relative;float: left}
.hot-game-list li a {display: block; padding: 10px 0 5px 10px;}
.hot-pic { width: 100%; height: auto;}
.hot-game-list li a img{ width: 100%; height: auto; min-height: 75px;}
.hot-game-list li a p { margin: 5px 0;}
/* 回复 */
.morelist{ clear:both; border-top:1px solid #e6e6e6; text-align:center; font-size:14px; color:#999; line-height:35px; height:35px;}
.morelist a{ display:block;font-size:14px; color:#999;}
.morelist p{ display:inline-block; background:url(../images/sdk/add_1.png) no-repeat left 45%; background-size:13px auto; padding-left:18px}
.new-morelist{clear:both;text-align:center; font-size:14px; color:#999; padding:5px 0 10px 0}

/*详细页*/

.detail1{ padding:0 10px; background-color: #fff;}
.comment-top{ font-size:15px; color:#666; padding: 10px 0;}
.area-one,
.area-two{ background:#f2f2f2; height:60px; border:1px solid #e0e0e0; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px; font-size:12px; color:#a0a0a0; padding:5px;}
.release-bt{background: #ff8800;color:#fff;display: block;font-size:14px;height:32px;line-height:34px;text-align: center;width:61px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;-o-border-radius:6px; border:0; float:right; margin:10px 0 0 0; cursor:pointer}
.upload-btn { position: relative;}
.upload-btn input { position: absolute; top: 15px; left: 0; opacity: 0;z-index: 2;}
.upload-cion { float: left; padding-left: 36px; background: url(../images/sdk/upload-cion.png) no-repeat 11px 8px; background-size:16px auto; color: #666 !important; margin-top: 10px; line-height: 32px; }
.upload-cion:hover { color: #666;}

.add-pic-list {float: left; width: 100%; margin-top: 10px;}
.add-pic-list li { width: 50px; height: 50px; float: left; margin: 0 10px 5px 0; position: relative;}
.icon-close { width: 20px; height: 20px; background:url(../images/sdk/close-icon.png) no-repeat 0 0; background-size: 20px 20px; position: absolute; top: -10px; left: -10px;}
.add-pic-list li img { width: 50px; height: 50px;}
.add-pic-list li a.add-pic { width: 50px; height: 50px; background: url(../images/sdk/add-icon.jpg) no-repeat 0 0; background-size: 50px 50px; display: block; overflow: hidden;}
.add-pic-list li a.add-pic input { width: 50px; height: 50px; opacity: 0;}

.upload-pic { margin-left: 50px;}
.upload-pic .detail_img {margin:0; padding-bottom: 0; min-height: 0; overflow: hidden; position: relative; background: none; z-index: 888;}
.upload-pic p { width: 30%; margin:0 5px 5px 0; float: left;}
.upload-pic p img { width: 100%;}

.tit span{ color:#ec0000;}

.comment-list li{ position:relative; border-bottom:1px dashed #d6d6d6; padding:10px 0}
.comment-list li .p1{ position:absolute;left:0;top:13px;}
.comment-list li .p1 img{ width:40px; height:40px; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}
.comment-list li .p2{ margin-left:50px; margin-bottom:5px; font-size:12px; color:#666; line-height:20px;white-space: normal;word-break: break-all}
.comment-list li .p2 span{ font-size:13px; color:#00b3ff; margin-right:15px;}
.comment-list li .p2 em{ font-size:13px; color:#bfbfbf}
.comment-list li .p2 i{ float:right; color: #bfbfbf;}
.comment_list li .p2 i{ color: #bfbfbf;}
.comment-list li .p2 i img{ width:14px;vertical-align:inherit}

.comment-list li .p3{ margin-left:50px; font-size:13px; color:#a7a7a7; line-height:20px; text-align:right; margin-top: 10px;}
.comment-list li .p3 span{ display:inline-block; background:url(../images/sdk/reply.png) no-repeat left center; background-size:14px auto; padding-left:16px;color:#a7a7a7; cursor:pointer; margin-right:6px;}
.comment-list li .p3 span.span_sel{ display:inline-block; background:url(../images/sdk/reply_sel.png) no-repeat left center; background-size:14px auto;color:#00b3ff;}
.comment-list li .p3 em{ display:inline-block; background:url(../images/sdk/praise.png) no-repeat left 24%; background-size:14px auto; padding-left:16px;color:#a7a7a7;cursor:pointer}
.comment-list li .p3 em.em_sel{ display:inline-block; background:url(../images/sdk/praise_sel.png) no-repeat left 24%;background-size:14px auto;color:#ec0000;}

.comment-list li .p4{font-size:13px; color:#a7a7a7; line-height:20px; text-align:right; position:relative; margin-top:15px; display:none; margin-left: 50px;}
.comment-list li .p4 img{ position:absolute; top:-14px;right:93px; width:23px;}
.comment-list li .p5{ margin-left:50px; font-size:12px; color:#666; background-color: #f0f0f0; margin-top:10px; padding:5px; position:relative;}
.comment-list li .p5 img{ position:absolute; top:-11px; left:10px; width:20px;}

.comment-list li .p5 span{ display:block; white-space: normal; word-break: break-all;line-height: 20px;}
.comment-list li .p5 span i{color:#00b3ff; }
.comment-list li .p5 span em {float: right; color: #bfbfbf;}

/* 活动分享 */
.modal-bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 99; }
.modal-share { display: none; width: 86%; position: fixed; top: 50%; left: 0; margin: -100px 0 0 7%; background-color: #fff; z-index: 999;}
.modal-share h3 { font-weight: normal; border-bottom: 1px solid #e6e6e6; color: #666; text-align: center; line-height: 36px; }

.modal-share-list { width: 94%; margin: 10px 3%; padding: 5px 0; float: left; border-bottom: 1px solid #e6e6e6}
.modal-share-list li { width: 33.2%; float: left; }
.modal-share-list li .share-icon-sina,
.modal-share-list li .share-icon-qq,
.modal-share-list li .share-icon-zone
 { width: 63px; height: 63px; background: url(../images/sdk/share-icon.png) no-repeat; background-size: 192px 63px; margin: 0 auto;}
.modal-share-list li .share-icon-qq { background-position: -64px 0;}
.modal-share-list li .share-icon-zone { background-position: -129px 0;}
.modal-share-list li p { text-align: center; line-height: 30px;}

.share-btn { width: 100%; margin: 10px auto;}
.share-btn li { width: 50%; float: left; margin-left: 25%;}
.share-btn li a { width: 80%; line-height: 40px; display: block; margin: 0 auto; text-align: center; border: 1px solid #ccc;  color: #4c4c4c; border-radius: 3px;}

.share-btn li a.copyadd { border-color: #0084ff; background-color: #0084ff; color: #fff;}

/* 活动列表 */
.active-list-all,
.active-list-all li { width: 100%;}
.active-list-all li .list-all-pic {display: block; padding: 10px 10px 0 10px; border-bottom: 1px solid #ededed;}
.active-list-all li .list-all-pic img { width: 100%; height: auto;}
.active-list-all li .list-all-pic p { line-height: 40px;}
.active-list-all li .date { padding: 10px 10px;}
.active-list-all li .date span {display: inline-block; line-height: 30px; color: #999;}
.active-list-all li .date a { padding: 0 10px; height: 30px; display: inline-block; border: 1px solid #29abe2; line-height: 32px; text-align: center; color: #29abe2; border-radius: 5px; float: right; font-size: 14px;}
.active-list-all li .date a.over { border-color: #ebebeb; color: #999; background-color: #ebebeb; }
.loading-act {display: block; text-align: center; margin: 10px auto 5px auto;}


/*截图部分弹窗css 开始*/
.detail_img_in dl { width: 100%;}
.detail_img_in dd { width: 20%; box-sizing: border-box; float: left; padding: 0 5px 5px 0; border-width: 1px; border-color: transparent; max-height:150px; overflow: hidden;}
.detail_img_in dd img { width: 100%; max-height:150px;}

html.swipebox-html.swipebox-touch { overflow: hidden !important; }
#swipebox-overlay img { border: none !important; }
#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:rgba(0,0,0,0.8); z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; }
#swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; }
 #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; }
#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; }
#swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
#swipebox-slider .slide-loading { background: url(../images/sdk/loader.gif) no-repeat center center; }
#swipebox-bottom-bar,
#swipebox-top-bar {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%;
}

#swipebox-bottom-bar {
bottom: -50px;
}

#swipebox-bottom-bar.visible-bars {-webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); display:none; }
#swipebox-top-bar { top: -50px; }
#swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
#swipebox-title { display: block; width: 100%; text-align: center; }
#swipebox-prev,
#swipebox-next,
#swipebox-close { background:url(../images/sdk/icons1.png) no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; }
#swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; }
#swipebox-prev { background-position: -32px 13px; float: left; }
#swipebox-next { background-position: -78px 13px; float: right; }
#swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; }
.swipebox-no-close-button #swipebox-close { display: none; }
#swipebox-prev.disabled,
#swipebox-next.disabled {
opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
	-webkit-animation: rightSpring 0.3s;
	animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
	-webkit-animation: leftSpring 0.3s;
	animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	content: ' ';
	position: absolute;
	z-index: 999;
	top: 0;
	height: 100%;
	width: 20px;
	opacity: 0;
}

.swipebox-touch #swipebox-container:before {
left: 0;
-webkit-box-shadow: inset 10px 0px 10px -8px #656565;
box-shadow: inset 10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-container:after {
right: 0;
-webkit-box-shadow: inset -10px 0px 10px -8px #656565;
box-shadow: inset -10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
opacity: 1;
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}

@-webkit-keyframes rightSpring {
	0% {left: 0;}
	50% {left: -30px;}
	100% {left: 0;}
}

@keyframes rightSpring {
	0% {left: 0;}
	50% {left: -30px;}
	100% {left: 0;}
}

@-webkit-keyframes leftSpring {
	0% {left: 0;}
	50% {left: 30px;}
	100% {left: 0;}
}
@keyframes leftSpring {
	0% {left: 0;}
	50% {left: 30px;}
	100% {left: 0;}
}

@media screen and (min-width: 800px) {
	#swipebox-close { right: 10px; }
#swipebox-arrows { width: 92%; max-width: 800px; } }
 /* Skin  --------------------------*/
#swipebox-overlay { }
#swipebox-bottom-bar,
#swipebox-top-bar { text-shadow: 1px 1px 1px black; background: #000; opacity: 0.95; }
#swipebox-top-bar { color: white !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; }
/*页码*/
.slide-nav{ position: absolute; bottom:8px; width: 100%; text-align: center; font-size: 0; z-index: 10;}
.slide-nav span{ display: inline-block; width: 8px; height:8px; margin: 0 4px; border-radius: 4px; background-color: #fff;}
.slide-nav .curr{ background-color: #288ddd;
/*截图部分弹窗css 结束*/
/* 7724活动页面 结束 */


@media all and (min-width: 240px) and (max-width: 320px) {
html{ font-size:12px;}
.list-all-pic p{ font-size:14px;}
.active-pic-main h3 { font-size:12px !important; }

}
@media all and (min-width: 330px) and (max-width: 385px) {
html{ font-size:14px;}



}
@media all and (min-width: 390px) and (max-width: 580px) {
html{ font-size:16px;}
.hot-game-list li a p { font-size: 14px;}
.active-pic-main h3 { font-size:16px !important; }
}

@media all and (min-width: 600px) {
html{ font-size:16px;}
.new_list_two li .p1{left:37px;}
.new_list_two li .p2{margin-left:112px; }
.new_list_two li .p3{left:112px;}


}



